hubermedia documentation 2015 html
eT4® META - Style
| eT4® META > eT4® META - Style |
To get the css, use function script
Comma-seperated list in url. Possible values:
| Pluginname | Description |
|---|---|
| ectypeahead | Typeahead javascript used in our autocomplete control in Pages |
| hammer | 3rd party > http://hammerjs.github.io/ |
| livetracking2 | Javascript for easy live tracking |
| markercluster | Javascript for marker clusters in ecMaps.API |
| moment | 3rd party > http://momentjs.com/ |
| qrcodejs | Javascript to generate qr codes |
| smoothsliders | 3rd party > http://kthornbloom.com/smoothslides/ |
| timeintervalhelper | Javascript for timeintervals from eT4.META:search |
| toureditor | Toureditor javascript, used in eT4 |
| utils | Utility-functions |
| vector-markers | Javascript used for our vector-markers in ecMaps.API |
http://meta.et4.de/rest.ashx/style/ectypeahead,toureditor
| response |
Copy Code |
|---|---|
/* from typeahead examples */ .typeahead, .tt-query, .tt-hint { width: 396px; height: 30px; padding: 8px 12px; font-size: 24px; line-height: 30px; border: 2px solid #ccc; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; outline: none; box-sizing: content-box; } .typeahead { background-color: #fff; } .typeahead:focus { border: 2px solid #0097cf; } .tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .tt-hint { color: #999 } .tt-dropdown-menu { width: 422px; margin-top: 12px; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); z-index: 1001 !important; /*vs leaflet*/ } .tt-suggestion { padding: 3px 20px; font-size: 18px; line-height: 24px; cursor: pointer; } .tt-suggestion.tt-cursor { color: #fff; background-color: #0097cf; } .tt-suggestion p { margin: 0; } /*#custom-templates .empty-message { padding: 5px 10px; text-align: center; }*/ .tt-group-header { margin: 0 20px 5px 20px; padding: 3px 0; border-bottom: 1px solid #ccc; font-size: 100%; } .tt-suggestion { font-size: 100%; line-height: 1.4em; } .tt-suggestion .ec-tt-country, .tt-suggestion .ec-tt-subtitle { font-size: 90%; color: gray; } .tt-suggestion .ec-tt-geocoding { color: steelblue; } .tt-suggestion.tt-cursor .ec-tt-subtitle, .tt-suggestion.tt-cursor .ec-tt-geocoding { color: white; } .tt-dropdown-menu { max-height: 600px; overflow-y: auto; } .tt-suggestion .city-badge { background-color: #AABB55; } .ec-tt-buttons { position: absolute; top: 8px; right: 6px; } .ec-tt-buttons * { padding: 7px 8px; cursor: pointer; } .ec-tt-with-buttons .tt-query, .ec-tt-with-buttons .tt-hint { padding-right: 40px; } .ec-tt-speech.listening { color: #5cb85c /*bootstrap-success*/; } .ec-tt-speech.error { color: #d9534f /*bootstrap-danger*/; } | |
Check out more samples at our API-Explorer: http://developer.et4.de/explorer/?samples=true